$box-space: 10px;

.margin {
    margin: $box-space;
}

.marginRight {
    margin-right: $box-space;
}

.marginLeft {
    margin-left: $box-space;
}

.marginTop {
    margin-top: $box-space;
}

.marginBottom {
    margin-bottom: $box-space;
}

.padding{
	padding: $box-space;
}

.paddingLeft{
	padding-left: $box-space;
}

.paddingRight{
	padding-right: $box-space;
}

.paddingTop{
	padding-top:$box-space
}

.paddingBottom{
	padding-bottom:$box-space
}


.fontTitle {
    font-size: 16px;
}

.fontContent {
    font-size: 14px;
	color:#353535;
}

.fontSub{
	font-size: 12px;
	color:#888888;
}

.bgWhite{
	background-color: white;
}

.formText {
    font-size: 14px;
    color: gray;
    text-align: right;
    padding-top: 4px;
    padding-right: 10px;
}

.bgRed {
    background-color: red;
}

.borderBottom {
    border-bottom: solid 1px #f5f5f5;
}

.twoLineText{
	overflow: hidden;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.singleLineText{
	overflow: hidden;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.cAdd{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #2979ff;
	box-shadow: 4.0px 4.0px 4.0px hsl(0deg 0% 0%/0.25);
	position: fixed;
	right: 16px;
	bottom: 16px;
	justify-content: center;
	justify-items: center;
/* 		right: 12px;
	bottom: 12px; */
}

.cAddButton{
	background-color: orange;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	height: 48px;
	color: white;
}

.cDivBg {
	background-color: #CD242D;
	z-index: -200;
	position: fixed;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	width: 100%;
	height: 100vh;
}

.cImageBg {
	position: fixed;
	left: 0px;
	right: 0px;
	top: 20px;
	bottom: 0px;
	width: 100%;
	// height: 100vh;
	z-index: -100;
}

.loading{
	margin-top: 200px;
	text-align: center;
	color: white;
}
